//brief

@import "./index.less";
@import "./orderinforappoint.less";
@import "./classinfo.less";
@import "./teacherstime.less";
@import "./lessoninfo.less";
@import "./cloud.less";
@import "./addphoneuser.less";

//表单信息提交
.formList {
  display: table;
  width: 100%;
  .formLi {
    display: table-row;

    .formTitle,
    .formContent {
      display: table-cell;;
      padding: 12px;
      .titleText {
        display: inline-block;
        padding-top: 9px;
        line-height: 1;
      }
    }

    .formTitle {
      width: 1%;
      white-space: nowrap;
      text-align: right;
      vertical-align: top;

      &.required:before {
        content: "*";
        color: #ff0000;
      }
    }
  }

  .formTr {
    display: table-row;
    .formTd {
      display: table-cell;
      padding: 5px;
    }
  }

}

.paraList {
  .li {
    float: left;
    width: 50%;
    margin: 10px 0;
    .clearafter();

    .title {
      float: left;
      width: 34%;
      padding-right: 6%;
      text-align: right;
      margin-top: 5px;
    }

    .content {
      float: left;
      width: 60%;
    }

    &.line {
      width: 100%;
      .title {
        width: 17%;
        padding-right: 2%;
      }
      .content {
        width: 80%;
      }
    }
  }
}

.table-hover {
  > tbody > tr:hover {
    cursor: pointer;
    background-color: #f5f5f5;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  &.limit-width {
    min-width: 1000px;
  }
  caption {
    font-size: 22px;
    text-align: left;
  }

  thead {
    tr {
      th {
        padding: 8px;
        line-height: 1.42857143;
        // text-align: left;
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
      }

      &:first-child {
        th {
          border-top: 0;
        }
      }
    }
  }

  tbody {
    tr {
      &.active {
        background-color: #ddd;
      }
      th,
      td {
        padding: 5px;
        line-height: 1.42857143;
        text-align: center;
        // vertical-align: top;
        border-bottom: 1px solid #ddd;

        .ml5 {
          margin-right: 5px;
        }
      }
    }
  }

}
